@charset "utf-8";
/*CSS初始化 */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea,p {margin:0; padding:0;font-style: normal;font:12px/22px Arial, Helvetica, sans-serif;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
body{color:#333;text-align:left;}
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;}
a{color:#0070A3;text-decoration:none;outline: none;star:expression(this.onFocus=this.blur());} 
a:hover{color:#f60;} 
input{outline: none;star:expression(this.onFocus=this.blur());}


.mTop10{ margin-top:10px;}
.tcenter{ text-align:center}
.fright{float:right}
.fright a:hover{color:#06c;}
.fleft{float:left}
.tleft{text-align:left}
.tright{ text-align:right}
.displynone{ display:none}
.mL10{ margin-left:10px;}
.mainbox .widget .pB50{ padding-bottom:50px;}
.green{ background:#1cb211; padding:2px 5px; color:#fff; margin-right:10px;}
.red{background:#f51e1e; padding:2px 5px; color:#fff; margin-right:10px;}
.gray{ color:#999}
.place{height:30px; background:url(../images/pin.png) no-repeat; padding-left:20px;}
.place img{ margin-right:5px;}

.TableList{_width:98%;_margin:8px;border: 1px solid #D9D9D9;}
.TableList thead td, .TableList thead, .TableList thead th, .TableList thead {border-bottom: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;font-weight: bold;height:29px!important;padding: 0;text-align: center;}
.TableList td{ height:30px;border-bottom: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;}
.widget{border:1px solid #dedede; border-radius:3px; margin-top:10px; padding:0; float:left;width:100%;border-bottom: 1px solid #B3B3B3;}
.widget .widget_title{ font-size:16px; font-weight:bold;height:24px; padding:10px; border-bottom:1px solid #D9D9D9;background:#f5f5f5 url(../images/table_title_bg.png) repeat-x;}
.widget .widget_body{ padding:10px;_padding:0; height:auto}

/*Button*/
.large_btn{border:none;color:#fff;cursor:pointer;width:100px;height:30px; line-height:30px;text-align:center; display:inline-block;background:url(../images/largebtn.png) no-repeat left top; margin-left:10px;}
.large_btn:hover{ color:#fff;background:url(../images/largebtn.png) no-repeat left -108px; text-decoration:none}
.mbutton,#_ButtonOK_Diag3,#_ButtonCancel_Diag3,#_DialogDiv__DialogAlert input,#_ButtonCancel__DialogAlert1{border:none;color:#333;cursor:pointer;width:80px; height:30px;text-align:center;background:url(../images/mbtn.png) no-repeat 0 0;  line-height:30px; margin-bottom:5px; margin-right:5px;}
.mbutton:hover,#_ButtonOK_Diag3:hover,#_ButtonCancel_Diag3:hover,#_ButtonOK__DialogAlert1:hover,#_ButtonCancel__DialogAlert1:hover{background:url(../images/mbtn.png) no-repeat 0 -108px; text-shadow:0px -1px 0px #1a567e; color:#fff}
.buttonlist{_margin-top:10px;_margin-left:10px; margin-bottom:10px;}
.buttonlist .mbutton{_padding-top:6px;}

#_ButtonOK_Diag3{border:none;color:#333;cursor:pointer;width:80px; height:30px;text-align:center;background:url(../images/mbtn.png) no-repeat 0 0;  line-height:30px; margin-bottom:5px; margin-right:5px;}
/*listTable*/
.formtable td{ padding:0 10px;}
.formtable td em,.listTable td em{ color:#f00}
.formtable td .text,.formtable td select{height:25px; line-height:25px; width:50%; border:1px solid #ccc; color:#999}
.formtable td textarea{height:80px; width:50%; margin:5px 0;color:#999}
.formtable td .gbtn{ float:none; margin-top:1px;}
.listTable .box td{ padding:0 10px;}
.listTable .box td input{width:40%; margin-right:10px;}
.formtable td .two_Wdate{height:25px; line-height:25px;}

.mainbox{ margin:10px;/*overflow-y:auto;*/}
/*search*/
.search{}
.searchList{height:30px;}
.searchList_in{/*width:33%;*/float:left;width:100%}
.searchList_in .formtext input,.searchList_in .Wdate{/*width:60%;*/width:200px;height:25px; float:left}
.searchList_in select{width:160px;height:30px; float:left; padding:2px;}
.searchList_in .formdata{width:90px; float:left; text-align:right; margin-right:10px;}
.searchList_in em{ float:left}
.searchList_row .formdata{width:80px; float:left; text-align:right; margin-right:10px;}
.searchList_row{width:33.333333%; float:left}
.searchList_row input{width:60%;height:25px; line-height:25px; border:1px solid #ccc}
.searchList_row .two_Wdate{width:30%}

/*分页样式*/
.dataTables_paginate {margin: 5px 0;float: right; margin-top:10px;_margin-right:10px;}
.dataTables_paginate a,.dataTables_paginate span.pagenumber {background: #f4f4f4;border: 1px solid #ccc;padding: 7px 10px; color:#0070A3; margin-right:5px;}
.dataTables_paginate a:hover {background: #0070A3;cursor: pointer; color:#fff}
.widget_body .dataTables_paginate .disable_pages{ background:#ddd; color:#aaa}

.normal{width:60px; height:25px; line-height:25px;color:#fff; display:inline-block; text-shadow:0px -1px 0px #5d943a;background:url(../images/normal.png) no-repeat;}
.overtime{width:60px; height:25px;line-height:25px;color:#fff; display:inline-block; text-shadow:0px -1px 0px #0a8aa8;background:url(../images/overtime.png) no-repeat;}
.belate,.leave_early{width:60px; height:25px;line-height:25px;color:#fff; display:inline-block; text-shadow:0px -1px 0px #ad7a01;background:url(../images/belate.png) no-repeat;}
.missing{width:60px; height:25px;line-height:25px;color:#fff; display:inline-block; text-shadow:0px -1px 0px #dd1616;background:url(../images/missing.png) no-repeat;}
.explanation{ font-weight:bold; background:#FCF8E3; padding:5px; border:1px solid #e1ce68; margin-top:10px;}

/*时钟*/
/* clock */
.clock{padding:5px;color:#0d8bd3;}
.clock #Date{font-family:Arial, Helvetica, sans-serif;font-size:20px; margin:0 auto; text-align:center;}
.clock ul{padding:0px;list-style:none; display:inline}
.clock ul li{display:inline;font-size:20px;text-align:center;font-family:Arial, Helvetica, sans-serif;}
#point{position:relative;-moz-animation:mymove 1s ease infinite;-webkit-animation:mymove 1s ease infinite;padding-left:10px;padding-right:10px;}
@-webkit-keyframes mymove{
	0%{opacity:1.0;}
	50%{opacity:0;text-shadow:none;}
	100%{opacity:1.0;}	
}
@-moz-keyframes mymove{
	0%{opacity:1.0;}
	50%{opacity:0;text-shadow:none;}
	100%{opacity:1.0;}	
}

.nowuser{padding:5px;color:#4D4D4D;}
.nowuserin{background:#f7f7f7; border:1px solid #D9D9D9; padding:25px; font-size:14px;}
.nowuser em{font-style:normal;font-weight:bold; font-size:20px;}
.punch_btn{ }

/*welcome*/
.welcome{height:120px; margin-top:20px;}
.welcome dt{width:120px;height:120px; float:left; text-align:center; background:url(../images/home.gif) no-repeat right top; }
.welcome dd{ margin-top:10px; height:30px; line-height:30px; margin:0;padding-left:130px;}
.welcome dd em{ font-weight:bold; font-size:20px; font-style:normal; color:#68A541}

        /* drag */
        #drag{position:absolute;top:0;left:0;width:800px;height:600px;background:#e9e9e9;border:1px solid #444;border-radius:5px;box-shadow:0 1px 3px 2px #666;display: none; z-index:9999}
        #drag .title{position:relative;height:27px;margin:5px;}
        #drag .title h2{font-size:14px;height:27px;line-height:24px;border-bottom:1px solid #A1B4B0;}
        #drag .title div{position:absolute;height:19px;top:2px;right:0;}
        #drag .title a{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(../images/tool.png) no-repeat;}
        #drag .title a.max{background-position:-60px 0;}
        #drag .title a.max:hover{background-position:-60px -29px;}
        #drag .title a.revert{background-position:-149px 0;display:none;}
        #drag .title a.revert:hover{background-position:-149px -29px;}
        #drag .title a.close{background-position:-89px 0;}
        #drag .title a.close:hover{background-position:-89px -29px;}
        #drag .content{overflow:auto;margin:0 5px;}

        #f_container{border: 1px solid #999999;position: absolute;top:50px;left: 10px;z-index: 1000;    }
        #container{width:290px;overflow: hidden;height: 20px;background:#F2F3F5;border: 5px solid #F2F3F5; }
        #container select{border: 1px solid #ccc;}
        .content .btn{width:105px; height: 30px;font-size: 13px; }
		
/*buttonlist*/
.add span,.edit span,.delete span,.enable span,.disable span,.export span,.binding span,.unbind span{width:auto;height:30px; float:left; padding-left:20px; margin-left:15px}
.add span{ background:url(../images/add.png) no-repeat left center;}
.edit span{ background:url(../images/edit.png) no-repeat left center;}
.delete span{ background:url(../images/delete.png) no-repeat left center;}
.enable span{background:url(../images/enable.png) no-repeat left center;}
.disable span{background:url(../images/disable.png) no-repeat left center;}
.export span{background:url(../images/export.png) no-repeat left center;}
.binding span{background:url(../images/binding.png) no-repeat left center;}
.unbind span{background:url(../images/unbind.png) no-repeat left center;}
.seemore{background:url(../images/seemore.png) no-repeat left center; padding-left:20px;}


/* reveal-modal */
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;_background:url(../images/alpha.png) repeat;z-index:100;display:none;top:0;left:0;}

.reveal-modal{visibility:hidden;top:200px;left:50%;margin-left:-417px;width:600px;height:100%;background:#fff;position:absolute;z-index:101;
-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);border-radius: 3px;height:326px; overflow:hidden; padding-bottom:47px;}
.reveal-modal .close{position:absolute;top:10px;right:10px;cursor:pointer;background:url(../images/close.gif) no-repeat 0 0;text-indent:-99999px;width:21px;height:26px;} 
.reveal-modal a.close:hover{background:url(../images/close.gif) no-repeat 0 -113px;}
.reveal-modal a.close:active{background:url(../images/close.gif) no-repeat 0 -187px;}
.reveal-modal h2{font-size:14px;color:#333;background:url(../images/table_title_bg.png) repeat-x;height:24px; line-height:24px; font-weight:bold; padding:10px; text-align:left; border-top-left-radius: 3px;border-top-right-radius:3px; border-bottom:1px solid #ccc}
.reveal-modal .tips{text-align:left; padding-left:24px; margin-left:20px; margin-top:10px;background:url(../images/icon1.png) no-repeat left center; margin-bottom:10px;}
.reveal-modal input.inputtext{height:24px;width:210px; border:1px solid #ccc}
.reveal-modal p label{width:60px; text-align:right; float:left}
.reveal-modal p{ margin-left:40px; margin-top:12px;}
.confirmbg{background:url(../images/confirmbg.png) repeat-x; padding:10px 0; border-bottom-left-radius:3px;border-bottom-right-radius:3px; border-top:1px solid #ccc;}